<template>
    <div class="application-container">
        <!-- <div class="header">
            <div class="left">
                <span class="iconfont" v-if="showBack" @click="$router.go(-1)">&#xe7a5;</span>
            </div>
            <div class="middle">
                <slot name="head-middle"><span>首页</span></slot>
            </div>
            <div class="right">
                <span class="iconfont">&#xe654;</span>
            </div>
        </div> -->
        <div class="main-content">
            <slot></slot>
        </div>
        <div class="nav">
            <router-view/>
            <van-tabbar route>
                <van-tabbar-item replace to="/home" icon="wap-home-o">首页</van-tabbar-item>
                <van-tabbar-item replace to="/datashow" icon="chart-trending-o">数据</van-tabbar-item>
                <van-tabbar-item replace to="/upload" icon="plus">上架</van-tabbar-item>
                <van-tabbar-item replace to="/collect" icon="star-o">收藏</van-tabbar-item>
                <van-tabbar-item replace to="/mine" icon="contact">我的</van-tabbar-item>
            </van-tabbar>
        </div>
    </div>
</template>

<script>
    export default {
        props: {
            showBack: {
                type: Boolean,
                default: true
            }
        },
        data() {
            return{
                // showBack: true
            }
        }
    }
</script>

<style lang="less" scoped>
    @import '../style/index.less';
    @import '../../public/base.css';
</style>